<template>
  <div class="home">
    <p>页面装修 自由设计DIY</p>
    <el-button type="primary" @click="go" :loading="loading">立即体验</el-button>
  </div>
</template>

<script>
export default {
  name: "StartPage",
  data() {
    return {
      loading: false
    };
  },
  methods: {
    go(){
      this.loading = true
      setTimeout(() => {
        this.$router.push({ path:'index' })
      }, 500);
      
    }
  }
};
</script>

<style lang="scss" scoped>
.home{width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;flex-direction: column;background: url('../assets/images/bg.jpg') no-repeat center center / cover;
  &>p{color: #409eff;font-size: 24px;font-weight: bold;margin-bottom: 14px;}
}
</style>

